<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>库存管理系统-客户系统</title>
		<link rel='icon' href='../favicon.ICO' type='image/x-ico' /> 
		<!--vendor css-->
		<link rel="stylesheet" href="../assets/vendor/bootstrap/css/bootstrap.min.css" />
		<!--plug-in css -->
		<link rel="stylesheet" href="../assets/vendor/bootstrap/css/bootstrap-table.css" />
		<!--common css-->
		<link rel="stylesheet" href="../assets/css/common.css" />
		<link rel="stylesheet" href="../assets/css/theme.css" />
		<!--us css-->
		<link rel="stylesheet" href="../assets/css/styles.css" />
		<link rel="stylesheet" href="../assets/css/index.css" />
		<link rel="stylesheet" href="orders.css" />
	</head>
	<body>
		<!--html start-->
		<div id="mainContent" class="row main-content">
			<div id="headContent" class="col-md-12 col-xs-12 head-content">
				<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
					<div class="container-fluid">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#sidebar-collapse">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
							<a class="navbar-brand" href="../index.html"><span>Stock</span>库存管理系统</a>
							<ul class="user-menu">
								<li class="dropdown pull-right">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> User <span class="caret"></span></a>
									<ul class="dropdown-menu" role="menu">
										<li><a href="../messages.html"><span class="glyphicon glyphicon-user"></span> Messages</a></li>
										<li><a href="../settings.html"><span class="glyphicon glyphicon-cog"></span> Settings</a></li>
										<li><a onclick="loginOutSystem();" href="javascript:;"><span class="glyphicon glyphicon-log-out"></span> Logout</a></li>
									</ul>
								</li>
							</ul>
						</div>
					</div><!-- /.container-fluid -->
				</nav>
			</div>
			<div id="webContent" class="col-md-12 col-xs-12 relative web-content">
				<div id="sidebar-collapse" class="col-sm-3 col-lg-2 sidebar">
					<ul class="nav menu" id="adminMenu">
						<!--<li class="active"><a href="index.html"><span class="glyphicon glyphicon-dashboard"></span> Dashboard</a></li>
						<li><a href="widgets.html"><span class="glyphicon glyphicon-th"></span> Widgets</a></li>
						<li><a href="charts.html"><span class="glyphicon glyphicon-stats"></span> Charts</a></li>
						<li><a href="tables.html"><span class="glyphicon glyphicon-list-alt"></span> Tables</a></li>
						<li><a href="forms.html"><span class="glyphicon glyphicon-pencil"></span> Forms</a></li>
						<li><a href="panels.html"><span class="glyphicon glyphicon-info-sign"></span> Alerts &amp; Panels</a></li>
						<li class="parent ">
							<a href="#">
								<span class="glyphicon glyphicon-list"></span> Dropdown <span data-toggle="collapse" href="#sub-item-1" class="icon pull-right"><em class="glyphicon glyphicon-s glyphicon-plus"></em></span> 
							</a>
							<ul class="children collapse" id="sub-item-1">
								<li>
									<a class="" href="#">
										<span class="glyphicon glyphicon-share-alt"></span> Sub Item 1
									</a>
								</li>
								<li>
									<a class="" href="#">
										<span class="glyphicon glyphicon-share-alt"></span> Sub Item 2
									</a>
								</li>
								<li>
									<a class="" href="#">
										<span class="glyphicon glyphicon-share-alt"></span> Sub Item 3
									</a>
								</li>
							</ul>
						</li>
						<li role="presentation" class="divider"></li>
						<li><a href="login.html"><span class="glyphicon glyphicon-user"></span> Login Page</a></li>-->
					</ul>
				</div>
				<div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 right-content">
					<div class="row">
						<ol class="breadcrumb">
							<li><a href="index.html"><span class="glyphicon glyphicon-home"></span></a></li>
							<li class="active">订单查询</li>
						</ol>
					</div><!--/.row-->
					
					<!--<div class="row">
						<div class="col-lg-12">
							<h1 class="page-header">Read Me</h1>
						</div>
					</div>-->
			        
			        <div class="row">
			        	<!--右侧内容-->
						<div id="manageContent" class="col-xs-12 col-md-12 col-lg-12 manage-content">
							<div class="panel panel-default">
						        <div class="panel-heading">订单查询</div>
						        <div class="panel-body">
						            <div id="toolbar" class="btn-group">
										<label>订单状态</label>
										<select id="orderStateST" class="form-control form-line" name="">
											<option value="-1">全部</option>
											<!--<option value="2001">待支付</option>-->
											<option value="2002">待确认</option>
											<option value="2003">待发货</option>
											<option value="2004">关闭</option>
										</select>
										<label>开票状态</label>
										<select id="taxStatusST" class="form-control form-line" name="">
											<option value="-1">全部</option>
											<option value="2">未开</option>
											<option value="1">已开</option>
										</select>
						            </div>
						            <table id="stockTable" data-show-refresh="true" data-show-toggle="true" data-show-columns="true" data-search="true" data-select-item-name="toolbar" data-pagination="true" data-sort-name="id" data-sort-order="desc">
						                <thead>
						                <tr>
						                    <th data-field="" data-radio="true" >ID</th>
						                    <th data-field="orederID" data-sortable="true">订单编号</th>
						                    <!--<th data-field="productName">产品名称</th>-->
						                    <th data-field="total">订单总价</th>
						                    <th data-field="shoppingAddress">送货地址</th>
						                    <th data-field="orderState" data-sortable="true">订单状态</th>
											<th data-field="taxStatus" data-sortable="true">发票状态</th>
						                    <th data-field="orderMes">订单信息</th>
						                    <th data-field="createTime" data-sortable="true">创建时间</th>
											<th data-field="payTime" data-sortable="true">支付时间</th>
						                </tr>
						                </thead>
						            </table>
						        </div>
						    </div>
						</div>
					</div>
				</div>
			</div>
			<div id="footContent" class="col-md-12 col-xs-12 foot-content">
				<p>
					<a class="btn-theme-a" href="">京 ICP 证 09002463 号</a>
					|Copyright © 2017, 所有版权归为上海煜众网络科技有限公司所有
				</p>
			</div>
		</div> 
		<!--html end-->
		<!-- 模态框（Modal） -->
		<div class="modal fade" id="orderModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">订单详情</h4>
					</div>
					<div class="modal-body">
						<div class="form-group">
							<h3>产品信息</h3>
							<table class="table table-striped">
								<thead>
								<tr>
									<th>产品编号</th>
									<th>产品名称</th>
									<th>品牌</th>
									<th>型号</th>
									<th>单价</th>
									<th>数量</th>
								</tr>
								</thead>
								<tbody id="orderDetailList">

								</tbody>
							</table>
						</div>
						<div class="form-group">
							<h3>用户信息</h3>
							<label for="" class="control-label">真实姓名:<span class="ml-item" id="realName"></span></label>
							<label for="" class="control-label">联系方式:<span class="ml-item" id="userPhone"></span></label>
						</div>
						<hr />
						<div class="form-group">
							<h3>订单信息</h3>
							<!--<label for="" class="control-label">订单数量:<span class="ml-item" id="number"></span></label>-->
							<label for="" class="control-label">订单总价:<span class="ml-item" id="totalPrice"></span></label>
							<!--<label for="" class="control-label">是否支付:<span class="ml-item" id="isPayment"></span></label>-->
							<label for="" class="control-label">支付时间:<span class="ml-item" id="payTime"></span></label>
							<!--<label for="" class="control-label">是否删除:<span class="ml-item" id="deleted"></span></label>-->
							<br />
							<label for="" class="control-label">送货地址:<span class="ml-item" id="shoppingAddress"></span></label>
							<br />
							<label for="" class="control-label">备注信息:<span class="ml-item" id="orderRemark"></span></label>
							<br />
						</div>
						<div class="form-group" id="hasShipGroup" hidden="hidden">
							<h3>发货状态</h3>
							<label for="" class="control-label">发货状态:<span class="ml-item" id="hasShip"></span></label>
							<label for="" class="control-label">发货方式:<span class="ml-item" id="fareType"></span></label>
							<label for="" class="control-label">收货状态:<span class="ml-item" id="fareStatus"></span></label>
							<label for="" class="control-label">收货时间:<span class="ml-item" id="fareTime"></span></label>
						</div>
						<div class="form-group" id="taxGroup" hidden="hidden">
							<h3>发票状态</h3>
							<label for="" class="control-label">发票号码:<span class="ml-item" id="taxNumber"></span></label>
							<label for="" class="control-label">开票金额:<span class="ml-item" id="taxMoney"></span></label>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div><!-- /.modal-content -->
			</div><!-- /.modal -->
		</div>
		<!-- 模态框（Modal） -->
		<!--vendor js-->
		<script type="text/javascript" src="../assets/vendor/jquery/jquery.min.js"></script>
		<script type="text/javascript" src="../assets/vendor/bootstrap/js/bootstrap.min.js"></script>
		<!--plug-in js -->
		<script type="text/javascript" src="../assets/vendor/bootstrap/js/bootstrap-table.js"></script>
		<!--common js-->
		<script type="text/javascript" src="../assets/js/gobalInit.js"></script>
		<script type="text/javascript" src="../assets/js/util.js"></script>
		<script type="text/javascript" src="../assets/js/default.js"></script>
		<!--us js-->
		<script type="text/javascript" src="../assets/js/index.js"></script>
		<script type="text/javascript" src="userorders.js"></script>
	</body>
</html>
